

<div class="wrapper" id="aside" style="text-align: center">

    <h3>Bienvenido</h3> 
    
    <p><a href="#"><input class="button" id="titulo" type="submit" value="Calendario" /></a></p>
    <p><a href="#"><input class="button" id="titulo" type="submit" value="Reservacion" /></a></p>
    <p><a href="#"><input class="button" id="titulo" type="submit" value="Estado de Cuenta" /></a></p>
    <p><a href="camara.jsp"><input class="button" id="titulo" type="submit" value="Mas seguridad" /></a></p>
    <p><a href="#"><input class="button" id="titulo" type="submit" value="Contáctenos" /></a></p>
</div>
        
         <div class="border3"></div>
         
         <h3>Facebook </h3>


<p>
  <div id="conectar_facebook">
    <a href="#" onclick="login(); return false;">Conectarse a Facebook</a>
  </div>

 

  <a href="#" onclick="publish(); return false;">Publicar algo en tu muro
  
  
  <!--- ----------------------- -->
  
       <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/groups/390505337687782/?fref=ts"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>
       
       <meta property="fb:admins" content="{http://www.facebook.com/LeoAlvarez29?ref=tn_tnmn}" />
       
  
  
  
  

      
      
      <div class="border3"></div>
      
      <h3>Twitter</h3>
      
      <a class="twitter-timeline" href="https://twitter.com/saphts" data-widget-id="343889170894311424">Tweets por @saphts</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
      <img src="images/home/1.jpg" width="280" alt="" />
      <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. In turpis pulvinar facilisis. Ut felis.<br>
        <a href="" class="right" style="padding-top:7px"><strong>Continue Reading &raquo;</strong></a></p>
      
    </aside>
